<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>09_盒子模型-内容区-content-设置内容区域的宽高</title>

        <style>
            div {
                width: 888px;

                /* 最小宽是500 最大可以到最大值 */
                /* min-width: 500px; */

                /* 最大值可以是888  可以比888小 */
                /* max-width: 888px; */

                /* height: 200px; */

                /* 一般一级菜单会对应二级菜单  大部分情况下二级菜单会和一级菜单
                高度一致  但是有个别情况的时候 二级菜单的高度 会比 一级菜单高
                这时候我们就要将二级菜单的高度设置为min-height
                */
                /* min-height: 200px; */

                /* 最大就是500 不可以比500大  */
                max-height: 500px;
                background-color: yellow;
            }
        </style>

    </head>
    <body>
        <div>
            今天中午吃金枪鱼拌饭
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt mollitia enim ullam aliquid quo modi, necessitatibus cumque similique, quia reprehenderit ipsa consectetur dolor, aperiam alias corporis laborum vel? Odio, possimus!
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt mollitia enim ullam aliquid quo modi, necessitatibus cumque similique, quia reprehenderit ipsa consectetur dolor, aperiam alias corporis laborum vel? Odio, possimus!
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt mollitia enim ullam aliquid quo modi, necessitatibus cumque similique, quia reprehenderit ipsa consectetur dolor, aperiam alias corporis laborum vel? Odio, possimus!
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt mollitia enim ullam aliquid quo modi, necessitatibus cumque similique, quia reprehenderit ipsa consectetur dolor, aperiam alias corporis laborum vel? Odio, possimus!
        </div>
    </body>
</html>